<template>
  <div>
    <h1>我是根组件App</h1>
    <h1>发请求获取服务器的数据:http://127.0.0.1:3000/students</h1>
  </div>
</template>

<script>
//引入axios
import axios from "axios";
// 知识点补充
//axios用法有几种:函数写法、对象写法
/*
1:函数写法
axios({
   url:'xxx',
   method:'get',
   data:{}
})

2:对象写法
axios.get()
axios.post()
*/

export default {
  //组件发请求:一般是书写在mounted里面.
  //组件挂载完毕执行一次!!!
  mounted() {
    //在这里发请求也有一个不好的地方:书写在这里发请求，请求只能发一次!!!
    //下面的语法:假如发请求成功,返回的结果是什么???Promise有几种状态:pending、成功、失败
    //发请求的时候:协议、域名、端口不用书写了

    axios.get('/erha/students').then((res) => {
      console.log(res.data);
    });
  },
};
</script>

<style>
</style>